<include file="Ucenter@Public:header"/>

<script type="text/javascript" src="__PUBLIC__/avatar/swfobject.js"></script>
<script type="text/javascript" src="__PUBLIC__/avatar/fullAvatarEditor.js"></script>
<div class="am-g">
	<div class="am-u-md-3">
		<include file="Ucenter@Public:left_menu"/>
	</div>
	<div class="am-u-md-9 am-cf">
		<div class="am-panel am-panel-default am-cf">
			<div class="am-panel-hd">
				<h3 class="am-panel-title">更改头像</h3>
			</div>
			<div class="am-panel-bd">
				<div style="width:632px; margin: 0 auto;text-align:center">
					<div>
						<p id="swfContainer">本组件需要安装Flash Player后才可使用，请从<a href="http://www.adobe.com/go/getflashplayer">这里</a>下载安装。
						</p>
					</div>
					<!-- <button type="button" id="upload" class="am-btn am-btn-primary am-btn-block am-btn-lg">确认</button> -->
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	swfobject.addDomLoadEvent(function () {
		//以下两行代码正式环境下请删除
		if(location.href.indexOf('http://') == -1) 
		alert('请于WEB服务器环境中查看、测试！\n\n既 http://*/simpleDemo.html\n\n而不是本地路径 file:///*/simpleDemo.html的方式');
		var swf = new fullAvatarEditor("__PUBLIC__/avatar/fullAvatarEditor.swf", "__PUBLIC__/avatar/expressInstall.swf", "swfContainer", {
			    id : 'swf',
				upload_url : "{:U('Ucenter/Config/avatar')}",	//上传接口
				method : 'get',	//传递到上传接口中的查询参数的提交方式。更改该值时，请注意更改上传接口中的查询参数的接收方式
				src_upload : 1,		//是否上传原图片的选项，有以下值：0-不上传；1-上传；2-显示复选框由用户选择
				avatar_box_border_width : 0,
				avatar_sizes : '120*120|60*60|32*32',
				avatar_sizes_desc : '128*128像素|64*64像素|32*32像素',
				src_url           : '{$avatar}'
			}, function (msg) {
				switch(msg.code){
					case 1 : 
						break;
					case 2 : 
						updateAlert("已成功加载图片到编辑面板。");
						document.getElementById("upload").style.display = "inline";
						break;
					case 3 :
						if(msg.type == 0){
							updateAlert("摄像头已准备就绪且用户已允许使用。");
						}else if(msg.type == 1){
							updateAlert("摄像头已准备就绪但用户未允许使用！");
						}else{
							updateAlert("摄像头被占用！");
						}
					break;
					case 5 : 
						switch(msg.type){
							//表示图片上传成功。
							case 0:
								updateAlert('上传成功')
								// updateAlert('原图片位于服务器的虚拟路径为'+msg.content.sourceUrl);
								// updateAlert('头像图片位于服务器的虚拟路径为'+msg.content.avatarUrls.join(','));
								break;
							case 1:
								updateAlert('头像上传失败，原因：' + msg.content.msg);//will 
								break;
							case 2:
								updateAlert('头像上传失败，原因：指定的上传地址不存在或有问题！');
								break;
							case 3:
								updateAlert('头像上传失败，原因：发生了安全性错误！请联系站长添加crossdomain.xml到网站根目录。');
								break;
						}
					break;
				}
			}
		);
		// document.getElementById("upload").onclick=function(){
		// 	swf.call("upload");
		// };
	});
</script>
<include file="Ucenter@Public:footer"/>